.input-code {
  position: relative;
  .mui-input {}
  .mui-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    width: auto;
    background-clip: inherit;
  }
  .btn-radius {
    border-radius: 30px;
    padding: 5px 15px;
  }
}

.choose-row {
  color: #fff;
  padding: 5px 0 15px;
  >label {
    border: solid 1px #fff;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    &.active {
      background: #fff;
      color: #F95A57;
    }
  }
}

.regist-container {
  .mui-input-row select {
    padding: 10px 15px;
  }
}

// .info-container{
//   .mui-card{
//     .mui-input-row{
//       position: relative;
//       select,input{
//         position: relative;
//         padding: 10px 30px 10px 0;
//       }
//       select{
//         text-align: right;
//         text-align-last: right;
//         &::after{
//           content: "";
//           display: block;
//           width: 10px;
//           height: 10px;
//           background: red;
//           position: absolute;
//           top: 0px;
//           right: 0px;
//         }
//       }
//       span{
//         display: block;
//         width: 16px;
//         height: 16px;
//         line-height: 16px;
//         position: absolute;
//         top: 50%;
//         right: 8px;
//         transform: translate(0, -50%);
//       }
//       .mui-icon{
//         font-size: 16px;
//       }
//     }
//   }
//   .select-row{
//     width: 32.5%;
//     float: left;
//     position: relative;
//     select{
//       margin: 0;
//     }
//   }
// }
.info-container {
  .mui-card {
    .mui-row {
      position: relative;
      overflow: hidden;
      line-height: 45px;
      input[type="radio"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
      }
      label {
        margin: 2px;
        vertical-align: middle;
        position: relative;
        font-size: 13px;
        padding: 5px 8px;
      }
      select{
        &::after{
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          background: red;
          position: absolute;
          top: 0px;
          right: 0px;
        }
      }
      span{
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        top: 44%;
        right: 8px;
        transform: translate(0, -50%);

      }
      .mui-icon{
        font-size: 16px;
      }
    }
    .mui-row:after {
      position: absolute;
      width: 100%;
      right: 0;
      left: 0;
      bottom: 0;
      height: 1px;
      content: '';
      transform: scaleY(.5);
      background-color: #c8c7cc;
    }
  }
}
